<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器</title>
</head>
<body>
<h1>0</h1>
<h2>0</h2>
<script>
    // 开启定时器,每隔一秒调用一次方法
    // 当方法做为参数进行传递的时候,不写(),只有在调用的时候才写()
    let timer1 = setInterval(f,1000);
    let count = 0;
    function f() {
        count++;
        let h = document.querySelector("h1");
        h.innerText = count;
        if (count == 60) {
            clearInterval(timer1)
        }
    }
    let num = 0;
    // 匿名方法开启定时器
    let timer = setInterval(function () {
        num++;
        let h = document.querySelector("h2");
        h.innerText = num;
        if (num == 60) {
            // 停止定时器
            clearInterval(timer);
        }
    },100);
    
    // 开启只执行一次的定时器
    setTimeout(function () {
        alert("时间到");
    },3000)
</script>
</body>
</html>